<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="__PUBLIC__/admin/sncss/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="__PUBLIC__/admin/sncss/js/jquery.js"></script>
<link href="__PUBLIC__/admin/sncss/css/combo.select.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
		<li><a>首页</a></li>
		<li><a>音频管理</a></li>
		<li><a>音频列表</a></li>
		</ul>
		</div>

	<div class="rightinfo">
		<div class="tools">

		<form id="form1" name="form1" method="get" action="{:U('/Home/Audio/audio_list')}">
			<div style="float: left;">
				<select class="newselect" id="u1_input" name="type" >
					<option value="0" selected="selected">全部</option>
					<option  value="1" <?php if($type == 1){echo "selected='selected'";}?>>讲述</option>
					<option  value="2" <?php if($type == 2){echo "selected='selected'";}?>>情感</option>
					<option  value="3" <?php if($type == 3){echo "selected='selected'";}?>>演绎</option>
					<option  value="4" <?php if($type == 4){echo "selected='selected'";}?>>新闻</option>
					<option  value="5" <?php if($type == 5){echo "selected='selected'";}?>>英文</option>
				</select>
			</div>
			<div style="float: left; margin-bottom: 15px;">
				<input name="keyword" style="height: 38px;" type="text" class="dfinput" placeholder="名称" id="keyword" value="<?php echo $keyword;?>" />
			</div>
			<div style="float: left; margin-bottom: 15px;">
				<input name="" style="height: 40px;" type="submit" class="btn" value="搜索"/>
			</div>
		</form>

		</div>
		<table class="tablelist">
			<thead>
			<tr>
				<th>编号<i class="sort"><img src="__PUBLIC__/admin/sncss/images/px.gif" /></i></th>
				<th>名称</th>
				<th width="120">音频</th>
				<th>性别</th>
				<th>年龄</th>
				<th>分类</th>
				<th width="290">风格</th>
				<th width="140">添加时间</th>
				<th>状态</th>
				<th>操作</th>
				</tr>
				</thead>
				<tbody>

			<foreach name='audio_list' item='vo' key='key'>
				<tr>
				<td>{$vo.id}</td>
				<td>{$vo.audio_title}</td>
				<td><audio src="{$vo.audio_link}" controls="controls"></audio></td>
				<td>
					<switch name="vo.sex" >
						<case value="1">男</case>
						<case value="2">女</case>
						<default />保密
					</switch>
				</td>
					<td><span title="{$vo.age_name}">{$vo.age_name}</span></td>
				<td>{$vo.soundtype_name}</td>
					<td><span title="{$vo.style_name}">{$vo['style_name']}</span></td>
				<td>{$vo.add_time}</td>
				<td>{$vo.typename}</td>
				<td>
					<a style="color:#50A8E6;" href="javascript:;" id="{$vo.id}" onclick="showhide(this);">
						<if condition="$vo['status'] == 1">隐藏<else />恢复</a></if>
					<input type="hidden" name="" id="s{$vo.id}" value="{$vo.status}">
				</td>
				</tr>
			 </foreach>
				</tbody>
		</table>
<style>
.pages a,.pages span {
		display:inline-block;
		padding:2px 5px;
		margin:0 1px;
		border:1px solid #f0f0f0;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
}
.pages a,.pages li {
		display:inline-block;
		list-style: none;
		text-decoration:none; color:#58A0D3;
}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
		margin:0;
}
.pages a:hover{
		border-color:#50A8E6;
}
.pages span.current{
		background:#50A8E6;
		color:#FFF;
		font-weight:700;
		border-color:#50A8E6;
}</style>
		 <div class="pages"><br />
			 <div align="right">{$page}</div>
		 </div>
	</div>



</body>
<script src="__PUBLIC__/admin/Js/jquery-1.7.2.min.js"></script>
<script src="__PUBLIC__/admin/Js/jquery.combo.select.js"></script>
<script type="text/javascript">
    function showhide(obj){
        var mymessage=confirm("是否确认隐藏(显示)");
        if(mymessage==true)
        {
            var id = obj.id;
            window.location.href = '/Home/Audio/showhideaudio?id='+obj.id+'&status='+$('#s'+obj.id).val();
        }
    }
</script>
<script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
	$(function() {
		$('#u1_input').comboSelect();
	});
</script>
</html>
